Images

Embedding images in your docnado documents follows a similar syntax to links, but should be preceded by an exclamation mark (!). In this case the text within square brackets functions as image alt-text.

Inline
![docnado](assets/logo.png "docnado, blow your documentation away!")

![alt text][logo]

[logo]: /assets/logo.png "Logo Title Text 2"

Docnado also supports the styling of images, this can be done by adding an inline style tag after your image.

<!-- Example -->
<!-- A row of 3 images -->
![](assets/logo.png){: .small}
![](assets/logo.png){: .small}
![](assets/logo.png){: .small}

<!-- Style classes can be combined. -->
![](assets/logo.png){: .small .noborder}

<!-- We can put them in the middle. -->
![](assets/logo.png){: .small .center}

<!-- Make them middle sized. -->
![](assets/logo.png){: .medium}

<!-- The default is actual width up to a max height of the document flow, and no higher than a single A4 page. -->
![](assets/logo.png)

<!-- The style class .large is the same as the default. -->
![](assets/logo.png){: .large}

Unlike paragraphs, images are inline elements, so the style {: .style-class} needs to be on the same line as the element.

This is an inline ![](assets/logo.png){: .icon} icon.

This is an inline icon.